.Info{
  width: 100%;
  .header{
    display: flex;
    margin: 0 auto;
    width: 500px;
    .right{
      position: relative;
      margin-left: 60px;
      .title{
        display: flex;
        position: relative;
        h1{
          // margin-right: 100px;
          font-weight: 700;
          font-size: 24px;
          margin-bottom: 10px;
        }
        :global{
          .anticon-bars{
            margin-top: -10px !important;
            margin-left: 60px;
            font-size: 18px !important;
            cursor: pointer !important;
          }
          // 下拉菜单
          :where(.css-dev-only-do-not-override-qnu6hi).ant-dropdown .ant-dropdown-menu, :where(.css-dev-only-do-not-override-qnu6hi).ant-dropdown-menu-submenu .ant-dropdown-menu{
            margin-left: 20px !important;
          }
          :where(.css-dev-only-do-not-override-qnu6hi).ant-form-item .ant-form-item-label{
            width: 65px !important;
          }
          :where(.css-dev-only-do-not-override-qnu6hi).ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{
            display: none;
          }
        }
      }
      
      p{
        color: #b2b2b2;
        font-size: 14px;
        margin-bottom: 12px;
      }
      .sex{
        margin-top: 10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        background-color: #f7f7f7;
        :global{
          .action{

            font-size: 12px !important;
          }
          
        }
      }

    }
    .attention{
      width: 150px;
      position: absolute;
      bottom: 5px;
      span{
        color: #858585;
        margin-right: 20px;
        cursor: pointer;
        i{
          color: #000;
        }
      }
    }
  }
  .bottom{
    margin-top: 30px;
    .Nav{
      margin: 0 auto;
      width: 300px;
      background-color: #fff;
      display: flex;
      justify-content: space-around;
      a{
        padding: 10px;
        display: flex;
        border-radius: 20px;
        width: 100px;
        justify-content: center;
        font-weight: 700;
        :global{
          .anticon-lock{
            margin-left: 5px;
            font-size: 18px;
          }
        }
      }
      .active{
        background-color: #f7f7f7;
      }
    }
  }
  .otherButtom{
    :global{
      .ant-tabs{
        margin: 0 auto;
      }
      :where(.css-dev-only-do-not-override-qnu6hi).ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
        color: red !important;
      }
      .ant-tabs-tab-btn:hover{
        color: red;
      }
      :where(.css-dev-only-do-not-override-qnu6hi).ant-tabs .ant-tabs-ink-bar{
        background: red !important;
      }
    }
  }
}

.outLayt{
  margin-top: 20px;
  padding: 10px;
}
.Modal{
  :global{
    .ant-modal-body {
      max-height: 650px;
      overflow: hidden;
      overflow-y: auto;
  }
  ul{
    li{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
      line-height: 60px;
      height: 60px;
      cursor: pointer;
      :global{
        .ant-avatar{
          width: 50px;
          height: 50px;
          border-radius: 10px;
        }
        name{
          display: block;
          width: 30px;
        }
      
      }
    }
  }
  }
}
.notPeople{
  text-align: center;
  img{
    width: 40%;
  }
}
.privacyList{
  padding: 10px 10px;
  margin-bottom: 20px;
  display: flex;
  border: #b2b2b2 1px solid;
  :global{
    .left{
      margin-right: 20px;
      
    }
  }
}